$theme: #353535;
$gray: #9a9a9a;
$red: #FF4653;
$background: #f2d9dc;
$txt-deep-gray: #576b95;
// sidebar
$subMenuActiveText: #f4f4f5; //https://github.com/ElemeFE/element/issues/12951
$menuHover: #263445;
$subMenuBg: #1f2d3d;
$subMenuHover: #001528;
$sideBarWidth: 210px;

$box-shadow: 0px 1px 2px 0px rgba(150, 150, 150, 0.3);
$border-radius: 3px;

.card-style {
  background-color: #fff;
  border-radius: $border-radius;
  box-shadow: $box-shadow;
}
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  red: $red;
  theme: $theme;
  gray: $gray;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
